{% extends "base.volt" %}
{% block content %}

<div class="tpl-content-wrapper">
    <div class="tpl-content-page-title">
        系统管理
    </div>
    <ol class="am-breadcrumb">
        <li><a href="#" class="am-icon-home">首页</a></li>
        <li><a href="#">系统管理</a></li>
        <li class="am-active">新增管理员</li>
    </ol>
    <div class="tpl-portlet-components">
        <div class="portlet-title">
            <div class="caption font-green bold">
                <span class="am-icon-code"></span> 新增管理员
            </div>
        </div>
        <div class="tpl-block ">
            <div class="am-g tpl-amazeui-form">
                <div class="am-u-sm-12 am-u-md-9">
                    <form class="am-form am-form-horizontal" id="post-form" target="ifr_send_file" method="post" callback="/manage/sys/oplist" action=""  >
                        <div class="am-form-group">
                            <label for="user-username" class="am-u-sm-3 am-form-label">登录账号</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="user-username" name="username" required placeholder="登录账号">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-password" class="am-u-sm-3 am-form-label">密码</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="user-password" name="password" required placeholder="密码">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-name" class="am-u-sm-3 am-form-label">管理员姓名</label>
                            <div class="am-u-sm-9">
                                <input type="text" id="user-name" placeholder="管理员姓名" required name="name" >
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-role" class="am-u-sm-3 am-form-label">角色</label>
                            <div class="am-u-sm-9">
                                <select data-am-selected="{btnSize: 'sm', btnWidth: '100%'}" id="user-role" name="role">
                                    {% for k, v in role_list %}
                                    <option value="{{ k }}">{{ v['name'] }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-status" class="am-u-sm-3 am-form-label">是否启用</label>
                            <div class="am-u-sm-9">
                                <div class="tpl-switch">
                                    <input type="checkbox" class="ios-switch bigswitch tpl-switch-btn" name="status" value="Y" id="user-status" style="width: 50px;height: 25px;" checked />
                                    <div class="tpl-switch-btn-view">
                                        <div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="am-form-group">
                            <div class="am-u-sm-9 am-u-sm-push-3">
                                <button type="submit" class="am-btn am-btn-primary am-radius"><span class="am-icon-save"></span> 保存信息</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}